<template>
  <div class="dashboard-container">
    <div class="breadcrumb-container flex-row">
      <breadcrumb />
    </div>
    <el-divider />
    <overview-tabs />
  </div>
</template>

<script>
import Breadcrumb from '@/components/Breadcrumb'
import OverviewTabs from './components/'

export default {
  name: 'AdmingSet',
  components: { Breadcrumb, OverviewTabs },
  data() {
    return {
      currentRole: 'adminDashboard'
    }
  },
  computed: {

  }
}
</script>

<style lang="scss" scoped>
.breadcrumb-container {
  position: relative;
  width: 100%;
  height: 60px;
  padding: 0 14px;

  &::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 2px;
    height: 37px;
    background-color: #5AC6B7;
    transform: translateY(-50%);
  }
}
</style>
